<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>960 Grid System &mdash; Demo</title>
        <link rel="stylesheet" href="min/reset.css" />
        <link rel="stylesheet" href="min/960_24_col.css" />
        <link rel="stylesheet" href="min/text.css" />
        <style>
            #header {background-color:#DDDDDD;height:60px;}
            #content {background-color:#DDDDDD;height:800px;margin-top:10px;}
            #sidebar {background-color:#DDDDDD;height:400px;margin-top:10px;}
            #task-title {background-color:yellow;margin-top:5px;margin-bottom:3px;height:30px;}
            .task {background-color:green;margin-top:2px;height:40px;}
        </style>
    </head>
<body>
<div class="container_24">
    <div id="header" class="grid_24"></div>
    <div id="content" class="grid_19">
        <div id="task-title" class="grid_19 omega alpha"></div>
        <div id="task-1" class="grid_19 omega alpha task"></div>
        <div id="task-2" class="grid_19 omega alpha task"></div>
        <div id="task-3" class="grid_19 omega alpha task"></div>
        <div id="task-3" class="grid_19 omega alpha task"></div>
        <div id="task-3" class="grid_19 omega alpha task"></div>
        <div id="task-3" class="grid_19 omega alpha task"></div>
        <div id="task-3" class="grid_19 omega alpha task"></div>
        <div id="task-3" class="grid_19 omega alpha task"></div>
        <div id="task-3" class="grid_19 omega alpha task"></div>
        <div id="task-3" class="grid_19 omega alpha task"></div>
        <div id="task-3" class="grid_19 omega alpha task"></div>
    </div>
    <div id="sidebar" class="grid_5"></div>
</div>

</body>
</html>